<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../templates/structAdmin.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui">

    <ui:define name="content">

        <p:commandButton   value="Ayuda" styleClass=" btnhelp" onclick="dlgm.show();" type="button" /> 
        <p:panel header="Gestionar Consulta" style="border: 0">

            <h:form id="form">          
                <p:messages id="msgs" globalOnly="true" closable="true" />
                <p:panel header="Cliente" id="pCliente" style="margin-bottom: 20px;margin-top: 20px;">

                    <h:panelGrid columns="4" cellpadding="5" >
                        <h:outputText  value="Nombre:"/>
                        <p:inputText id="cliente" rendered="true" value="#{consultaBean.cliente}" disabled="true" />  

                        <p:commandButton id="buscar-cliente" styleClass="buttonMain" onclick="dlg.show();" style="font-size: 12px" value="Buscar" icon="ui-icon-search" />  
                        <p:commandButton id="calcelar-cliente" styleClass="buttonSecundary" update="mascota,cliente" ajax="true" process="@this"  style="font-size: 12px" value="Cancelar" icon="ui-icon-cancel" actionListener="#{consultaBean.cancelSelectionCliente()}" />

                        <h:outputText  value="Mascota:"/>
                        <p:selectOneMenu id="mascota" rendered="true" value="#{historiaClinicaBean.historiaclinica.codMascota}"  label="mascota" requiredMessage="No puedes dejar este campo sin selección."  required="true" converter="MascotaConvertor" >
                            <f:selectItem itemLabel="Seleccione..."  value="#{null}" />
                            <f:selectItems value="#{consultaBean.cliente.mascotaList}" /> 
                        </p:selectOneMenu>
                    </h:panelGrid>

                </p:panel>

                <p:panel header="Información General" id="pConsulta" style="margin: 20px 0px 5px 0px;" >
                    <p:accordionPanel multiple="true">  

                        <p:tab title="Antecedentes Enfermedad Actual">  
                            <h:panelGrid columns="2" cellpadding="10">  
                                <h:outputText value="Diagnostico:" />
                                <p:inputTextarea rendered="true" cols="50" value="#{consultaBean.consulta.diagnostico}" requiredMessage="No puedes dejar este campo sin selección."  required="true"/>

                                <h:outputText value="Tratamientos:" />
                                <p:inputTextarea rendered="true" cols="50" value="#{consultaBean.consulta.tratamiento}" requiredMessage="No puedes dejar este campo sin selección."  required="true"/>
                            </h:panelGrid> 
                            <h:panelGrid columns="2" cellpadding="10">  

                                <h:outputText value="Paso a Seguir:" />
                                <p:inputTextarea rendered="true" cols="50" value="#{consultaBean.consulta.pasoaseguir}" requiredMessage="No puedes dejar este campo sin selección."  required="true" />
                            </h:panelGrid>
                        </p:tab>  

                        <p:tab title="Historia Medica">  
                            <h:panelGrid columns="2" cellpadding="10">  
                                <h:outputText value="Temperatura:" />
                                <p:inputTextarea rendered="true" cols="50" value="#{consultaBean.consulta.temperatura}" requiredMessage="No puedes dejar este campo sin selección."  required="true"/>


                                <h:outputText value="Frecuencia Cardiaca:" />
                                <p:inputTextarea rendered="true" cols="50" value="#{consultaBean.consulta.frecuenciacardiaca}" requiredMessage="No puedes dejar este campo sin selección."  required="true"/>


                                <h:outputText value="Pulso:" />
                                <p:inputTextarea rendered="true" cols="50" value="#{consultaBean.consulta.pulso}" requiredMessage="No puedes dejar este campo sin selección."  required="true"/>


                                <h:outputText value="Frecuencia Respiratoria:" />
                                <p:inputTextarea rendered="true" cols="50" value="#{consultaBean.consulta.frecuenciarespiratoria}" requiredMessage="No puedes dejar este campo sin selección."  required="true"/>
                            </h:panelGrid>  
                        </p:tab>


                    </p:accordionPanel> 
                </p:panel>

                <p:commandButton styleClass="buttonMain"  actionListener="#{consultaBean.saveAction()}" style="margin: 0px 15px 0px 0px;" value="Registrar Consulta" icon="ui-icon-disk" update="@form" />
                <p:commandButton value="Cancelar Consulta" update="@form" actionListener="#{consultaBean.cancelAction()}" styleClass="buttonSecundary"  ajax="true" process="@this"  icon="ui-icon-close"  />

            </h:form>  

            <p:dialog id="dialog" header="Ayuda" widgetVar="dlgm" draggable="false" closable="true" appendToBody="true" visible="false" modal="true" showEffect="fade" hideEffect="fade"  resizable="false">  
                <h:form>
                    <h:panelGrid columns="2">

                        <p style="text-align: justify">

                            * Para completar una consulta usted debe seleccionar un Cliente, una Mascota y una Historia Clínica previamente ingresadas.
                            <br />
                            * Ingrese la información de la consulta presionando clic en Antecedentes Enfermedad Actual e Historia Médica.
                            <br />
                            * Si selecciona la opción Registrar Consulta y los datos son correctos se guardara exitosamente la consulta.
                            <br />
                            * Si selecciona la opción Cancelar Consulta se borraran los datos anteriormente ingresados.
                        </p>
                    </h:panelGrid>
                    <p:commandButton value="Aceptar" styleClass="buttonMain"  oncomplete="dlgm.hide();" />
                </h:form>
            </p:dialog>
        </p:panel>


        <p:dialog header="Cliente" widgetVar="dlg" resizable="false" modal="false" >
            <h:form id="formDialog">

                <p:dataTable emptyMessage="No se encontraron registros." style="margin-bottom: 5px;margin-top: 10px;" 
                             id="cTable" 
                             var="cliente" 
                             value="#{clienteBean.obtenerClientes()}" 
                             paginator="true" 
                             rows="10"  
                             paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                             rowsPerPageTemplate="5,10,15"
                             paginatorPosition="bottom"
                             selectionMode="single"
                             selection="#{consultaBean.cliente}"
                             rowKey="#{cliente.cedula}">

                    <f:facet name="header">  
                        Clientes registrados
                    </f:facet> 

                    <p:ajax event="rowSelect" update=":form:cliente, :form:mascota" />  

                    <p:column headerText="Identificación" filterBy="#{cliente.cedula}">   
                        <h:outputText value="#{cliente.cedula}" />  
                    </p:column>  

                    <p:column headerText="Nombre" filterBy="#{cliente.nombre}">   
                        <h:outputText value="#{cliente.nombre}"  />  
                    </p:column>  

                    <p:column headerText="Apellido" filterBy="#{cliente.apellido}" >  
                        <h:outputText value="#{cliente.apellido}" />  
                    </p:column> 

                    <p:column headerText="Email" filterBy="#{cliente.email}">  
                        <h:outputText value="#{cliente.email}" />  
                    </p:column> 

                    <p:column headerText="Dirección" filterBy="#{cliente.direccion}">  
                        <h:outputText value="#{cliente.direccion}" />  
                    </p:column> 

                    <p:column headerText="Fijo" filterBy="#{cliente.fijo}">  
                        <h:outputText value="#{cliente.fijo}" />  
                    </p:column> 

                    <p:column headerText="Celular" filterBy="#{cliente.celular}">  
                        <h:outputText value="#{cliente.celular}" />  
                    </p:column>  

                    <p:column headerText="Puntos" filterBy="#{cliente.cantidadpuntos}">  
                        <h:outputText value="#{cliente.cantidadpuntos}" />  
                    </p:column> 

                    <p:column headerText="Ciudad" filterBy="#{cliente.codCiudad}">  
                        <h:outputText value="#{cliente.codCiudad}" />  
                    </p:column> 

                </p:dataTable>

                <p:commandButton value="Aceptar"  update=":form:cliente,:form:mascota" oncomplete="dlg.hide();" />
            </h:form>
        </p:dialog>


    </ui:define>
</ui:composition>
